<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${cxt }/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>顺风车首页</title>
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<link rel="stylesheet" type="text/css" href="${path }/css/llp_hitchhiking.css">
<link rel="stylesheet" type="text/css" href="${path }/css/llp_kuCity.css">
<link rel="stylesheet" type="text/css" href="${cxt }/css/header.css">
<script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="${path }/js/jquery.js" ></script>
<script type="text/javascript" src="${path }/js/kuCity.js" ></script>
<link rel="stylesheet" href="css/yk_base.css" />
<link rel="stylesheet" href="css/yk_myCenter.css" />
<link rel="stylesheet" href="css/yk_reg.css" />
<link rel="stylesheet" href="css/yk_selfDriving.css" />
<link rel="stylesheet" href="css/header.css"/>
<script type="text/javascript" src="js/yk_selfDriving.js" ></script>
<script type="text/javascript">
			$().ready(function(){
				/*input内选择取车时间*/
				$(".get_car_time input").change(function(){
				    $(".get_car_time input").attr("value",$(this).val()); //赋值
				    var getdate = $(".get_car_time input").val();
				    location.href="${cxt}/hitchhiking/hitch?cityname=${hcity }&cartype=${htype }&getdate="+getdate;
				  /*   $(".get_car_time input").val(getdate);
				    alert(getdate); */
				}); 
				
				/*根据用户信息查询取车还车城市*/
				/*城市插件*/
				$(".select_get_car").kuCity();
				
				$(".select_return_car").focus(function() {
					var gvalue = $(".select_get_car").val();
				})
			
				$(".select_return_car").click(function(){
					$(".returnselect").css("display","block");
				});
				$(".returnselect li").click(function(){
					var rvalue=$(this).text();
					$(".select_return_car").val(rvalue);
					$(this).parent().parent().hide();
				});
				
				
			});
		
		</script>
	
</head>
<body>
	
	<!-- 引入头部内容 -->
	<jsp:include page="../header.jsp"></jsp:include>
	
		<div class="content_bg">
		<div class="content_box">
			<div class="content_inner">
				<div class="content_inner_car">
					顺风车
				</div>
			<div>
				<ul>
					<li>
						取车城市
						<input placeholder="请选择取车城市" class="select_get_car" />
					</li>
					<li>
						还车城市
	    				<input placeholder="请选择取车城市" class="select_return_car" />
      						<div class="returnselect">
								<ul>
									<li><a href="hitch?cityname=${hcity }&cartype=&gettime=${htime}">不限车型</a></li>
									<c:forEach items="${carmodellst }" var="carmodel">
										<li><a href="">${carmodel.carmodelname }</a></li>
									</c:forEach>
									
								</ul>
							</div>
					</li>
				</ul>
			</div>
			
			<div class="content_inner_button">
				查 询
			</div>
			</div>
		</div>
	</div>
	
		<div class="bigdiv">
			
			<div class="center_left">
				<div class="center_left_top">
				<span><a href="hitch?cityname=&cartype=${htype }&gettime=${htime}">全部</a></span>				
				<c:forEach  items="${citylst }" var="city">
					<span><a href="hitch?cityname=${city.city_name }&cartype=${htype }&gettime=${htime}">${city.city_name }</a></span>
				</c:forEach>
					<span id="left_more_city">
						更多城市
						<img src="${path }/img/llp_arrowDown.png" />
					</span>
				</div>
				
				<div class="center_left_top" id="center_left_center">
					<span>
						<div class="car_type">
							车型 
							<div>
								<ul>
									<li><a href="hitch?cityname=${hcity }&cartype=&gettime=${htime}">不限车型</a></li>
									<c:forEach items="${carmodellst }" var="carmodel">
										<li><a href="hitch?cityname=${hcity }&cartype=${carmodel.carmodelname }&gettime=${htime}">${carmodel.carmodelname }</a></li>
									</c:forEach>
									
								</ul>
							</div>
						</div>
					</span>
					
					<span>
						<div class="get_car_time">
							取车区间
							<input type="date" name="getdate" class="get_car_input" value="${htime }"/>
						</div>
					</span>
					<span>
						取车-还车
					</span>
					<span>全部</span>	
				</div>
				
				<div class="center_left_title">
					一口价：含车辆租赁及门店服务费，基本保险费，手续费
				</div>
				
				
				<div class="center_left_refresh">
				<span><a href="${cxt }/selfDriving"> ${str}</a></span> 
				<ul>
				<c:forEach items="${hitchlst }" var="cars">
				<li>
					<div class="choice_car_li">
					<img src="${cxt}/img/${cars.carmodelimage }" 
							style="widows: 134px;height: 78px;"/>
							<br /> 
						<span>${cars.carmodelname}/${cars.seating}座/${cars.car_type}</span> 
					</div>
					<div class="choice_car_li" id="choice_car_li1">
						<span>开始日期：${cars.hitch_time } </span> 
						<br />
						<span>截至日期：${cars.hitch_return_time }</span>
						<br />
						<span>限租期：${cars.hitch_day}</span>
					</div>
					<div class="choice_car_li" id="choice_car_li2">
						<span>${cars.start_store_city }</span>-<span>${cars.end_store_city }</span>
					</div>
					<div class="choice_car_li" id="choice_car_li3">
						<span>￥${cars.hitch_money }</span>
					</div>
					<div class="choice_car_li" id="choice_car_li4">	
						<a href="${cxt }/hitch/order?hitchtype=${cars.carmodelname }&startdoor=${cars.start_store_city }
						&enddoor=${cars.end_store_city }">
						<input type="button" value="预 订">
						</a>
						
					</div>
				</li>
				</c:forEach>
				</ul>
			</div>
			</div>
			
			<div class="center_right">
				<div>
					<img src="${path }/img/llp_msgBind.jpg">
				</div>
				<div class="center_right_inner">
					<span>顺风车规则</span>
					<div class="wire"></div>
					<div>
					1.	顺风车产品需在预订时预付全款，预付后不能退改；<br />
					2.	顺风车产品，取还城市不能更改；<br />
					3.	限租期内，优惠后总金额含车辆租赁费及门店服务费、基本保险费、手续费；<br />
					4.	如需可选服务，另外计费；<br />
					5.	超出限制里程，按1元/公里收取超里程服务费；<br />
					6	超出限制租期，需支付超时服务费：超时4小时以内，按小时收取超时服务费，每小时赠送20km里程；超时4小时以上，按正常价格按天收取车辆租赁费及门店服务费、基本保险及可选服务等费用，同时赠送不限里程；<br />
					7.	取车或还车时间在21:00-次日8:00之间，每次需支付50元夜间服务费；<br />
					8.	顺风车产品不与其他优惠活动同时享受。<br />
					</div>
				</div>
			</div>

		</div>
		</div>
		
		<!-- 包含底部内容 -->
		<jsp:include page="llp_footerBar.jsp"></jsp:include>
		
</body>
</html>